<div class="page-title">
  <h1>
      编辑数据表格
  </h1>
</div>
<!-- DataTables Example -->
<div class="row">
  <div class="col-lg-12">
    <div class="widget-container fluid-height clearfix">
      <div class="heading">
        <i class="icon-table"></i>数据表格排序<a class="btn btn-sm btn-primary-outline pull-right" href="#" id="add-row"><i class="icon-plus"></i>添加一行</a>
      </div>
      <div class="widget-content padded clearfix">
        <table class="table table-bordered table-striped" id="datatable-editable">
          <thead>
            <th>
                  姓名
            </th>
            <th>
                   职位
            </th>
            <th class="hidden-xs">
                  邮箱
            </th>
            <th class="hidden-xs">
                  添加日期
            </th>
            <th class="hidden-xs">
                  状态
            </th>
            <th width="60"></th>
            <th width="75"></th>
          </thead>
          <tbody>
            <tr>
              <td>
                初雪
              </td>
              <td>
                  客服
              </td>
              <td class="hidden-xs">
                robert@gmail.com
              </td>
              <td class="hidden-xs">
                8-15-2013
              </td>
              <td class="hidden-xs">
                  批准
              </td>
              <td>
                <a class="edit-row" href="#">编辑</a>
              </td>
              <td>
                <a class="delete-row" href="#">删除</a>
              </td>
            </tr>
            <tr>
              <td>
                  采萱
              </td>
              <td>
                  客服主管
              </td>
              <td class="hidden-xs">
                john@gmail.com
              </td>
              <td class="hidden-xs">
                8-15-2013
              </td>
              <td class="hidden-xs">
                  待处理
              </td>
              <td>
                <a class="edit-row" href="#">编辑</a>
              </td>
              <td>
                <a class="delete-row" href="#">删除</a>
              </td>
            </tr>
            <tr>
              <td>
                  怀玉
              </td>
              <td>
                  电销
              </td>
              <td class="hidden-xs">
                olivia@gmail.com
              </td>
              <td class="hidden-xs">
                8-15-2013
              </td>
              <td class="hidden-xs">
                  批准
              </td>
              <td>
                <a class="edit-row" href="#">编辑</a>
              </td>
              <td>
                <a class="delete-row" href="#">删除</a>
              </td>
            </tr>
            <tr>
              <td>
                  古兰
              </td>
              <td>
                  电销组长
              </td>
              <td class="hidden-xs">
                elliot@gmail.com
              </td>
              <td class="hidden-xs">
                8-15-2013
              </td>
              <td class="hidden-xs">
                  拒绝
              </td>
              <td>
                <a class="edit-row" href="#">编辑</a>
              </td>
              <td>
                <a class="delete-row" href="#">删除</a>
              </td>
            </tr>
            <tr>
              <td>
                Maggie
              </td>
              <td>
                  电销主管
              </td>
              <td class="hidden-xs">
                maggie@gmail.com
              </td>
              <td class="hidden-xs">
                8-15-2013
              </td>
              <td class="hidden-xs">
                  批准
              </td>
              <td>
                <a class="edit-row" href="#">编辑</a>
              </td>
              <td>
                <a class="delete-row" href="#">删除</a>
              </td>
            </tr>
            <tr>
                <td>
                    初雪
                </td>
                <td>
                    客服
                </td>
                <td class="hidden-xs">
                    robert@gmail.com
                </td>
                <td class="hidden-xs">
                    8-15-2013
                </td>
                <td class="hidden-xs">
                    批准
                </td>
                <td>
                    <a class="edit-row" href="#">编辑</a>
                </td>
                <td>
                    <a class="delete-row" href="#">删除</a>
                </td>
            </tr>
            <tr>
                <td>
                    采萱
                </td>
                <td>
                    客服主管
                </td>
                <td class="hidden-xs">
                    john@gmail.com
                </td>
                <td class="hidden-xs">
                    8-15-2013
                </td>
                <td class="hidden-xs">
                    待处理
                </td>
                <td>
                    <a class="edit-row" href="#">编辑</a>
                </td>
                <td>
                    <a class="delete-row" href="#">删除</a>
                </td>
            </tr>
            <tr>
                <td>
                    怀玉
                </td>
                <td>
                    电销
                </td>
                <td class="hidden-xs">
                    olivia@gmail.com
                </td>
                <td class="hidden-xs">
                    8-15-2013
                </td>
                <td class="hidden-xs">
                    批准
                </td>
                <td>
                    <a class="edit-row" href="#">编辑</a>
                </td>
                <td>
                    <a class="delete-row" href="#">删除</a>
                </td>
            </tr>
            <tr>
                <td>
                    古兰
                </td>
                <td>
                    电销组长
                </td>
                <td class="hidden-xs">
                    elliot@gmail.com
                </td>
                <td class="hidden-xs">
                    8-15-2013
                </td>
                <td class="hidden-xs">
                    拒绝
                </td>
                <td>
                    <a class="edit-row" href="#">编辑</a>
                </td>
                <td>
                    <a class="delete-row" href="#">删除</a>
                </td>
            </tr>
            <tr>
                <td>
                    Maggie
                </td>
                <td>
                    电销主管
                </td>
                <td class="hidden-xs">
                    maggie@gmail.com
                </td>
                <td class="hidden-xs">
                    8-15-2013
                </td>
                <td class="hidden-xs">
                    批准
                </td>
                <td>
                    <a class="edit-row" href="#">编辑</a>
                </td>
                <td>
                    <a class="delete-row" href="#">删除</a>
                </td>
            </tr>
            <tr>
                <td>
                    初雪
                </td>
                <td>
                    客服
                </td>
                <td class="hidden-xs">
                    robert@gmail.com
                </td>
                <td class="hidden-xs">
                    8-15-2013
                </td>
                <td class="hidden-xs">
                    批准
                </td>
                <td>
                    <a class="edit-row" href="#">编辑</a>
                </td>
                <td>
                    <a class="delete-row" href="#">删除</a>
                </td>
            </tr>
            <tr>
                <td>
                    采萱
                </td>
                <td>
                    客服主管
                </td>
                <td class="hidden-xs">
                    john@gmail.com
                </td>
                <td class="hidden-xs">
                    8-15-2013
                </td>
                <td class="hidden-xs">
                    待处理
                </td>
                <td>
                    <a class="edit-row" href="#">编辑</a>
                </td>
                <td>
                    <a class="delete-row" href="#">删除</a>
                </td>
            </tr>
            <tr>
                <td>
                    怀玉
                </td>
                <td>
                    电销
                </td>
                <td class="hidden-xs">
                    olivia@gmail.com
                </td>
                <td class="hidden-xs">
                    8-15-2013
                </td>
                <td class="hidden-xs">
                    批准
                </td>
                <td>
                    <a class="edit-row" href="#">编辑</a>
                </td>
                <td>
                    <a class="delete-row" href="#">删除</a>
                </td>
            </tr>
            <tr>
                <td>
                    古兰
                </td>
                <td>
                    电销组长
                </td>
                <td class="hidden-xs">
                    elliot@gmail.com
                </td>
                <td class="hidden-xs">
                    8-15-2013
                </td>
                <td class="hidden-xs">
                    拒绝
                </td>
                <td>
                    <a class="edit-row" href="#">编辑</a>
                </td>
                <td>
                    <a class="delete-row" href="#">删除</a>
                </td>
            </tr>
            <tr>
                <td>
                    Maggie
                </td>
                <td>
                    电销主管
                </td>
                <td class="hidden-xs">
                    maggie@gmail.com
                </td>
                <td class="hidden-xs">
                    8-15-2013
                </td>
                <td class="hidden-xs">
                    批准
                </td>
                <td>
                    <a class="edit-row" href="#">编辑</a>
                </td>
                <td>
                    <a class="delete-row" href="#">删除</a>
                </td>
            </tr>
            <tr>
                <td>
                    初雪
                </td>
                <td>
                    客服
                </td>
                <td class="hidden-xs">
                    robert@gmail.com
                </td>
                <td class="hidden-xs">
                    8-15-2013
                </td>
                <td class="hidden-xs">
                    批准
                </td>
                <td>
                    <a class="edit-row" href="#">编辑</a>
                </td>
                <td>
                    <a class="delete-row" href="#">删除</a>
                </td>
            </tr>
            <tr>
                <td>
                    采萱
                </td>
                <td>
                    客服主管
                </td>
                <td class="hidden-xs">
                    john@gmail.com
                </td>
                <td class="hidden-xs">
                    8-15-2013
                </td>
                <td class="hidden-xs">
                    待处理
                </td>
                <td>
                    <a class="edit-row" href="#">编辑</a>
                </td>
                <td>
                    <a class="delete-row" href="#">删除</a>
                </td>
            </tr>
            <tr>
                <td>
                    怀玉
                </td>
                <td>
                    电销
                </td>
                <td class="hidden-xs">
                    olivia@gmail.com
                </td>
                <td class="hidden-xs">
                    8-15-2013
                </td>
                <td class="hidden-xs">
                    批准
                </td>
                <td>
                    <a class="edit-row" href="#">编辑</a>
                </td>
                <td>
                    <a class="delete-row" href="#">删除</a>
                </td>
            </tr>
            <tr>
                <td>
                    古兰
                </td>
                <td>
                    电销组长
                </td>
                <td class="hidden-xs">
                    elliot@gmail.com
                </td>
                <td class="hidden-xs">
                    8-15-2013
                </td>
                <td class="hidden-xs">
                    拒绝
                </td>
                <td>
                    <a class="edit-row" href="#">编辑</a>
                </td>
                <td>
                    <a class="delete-row" href="#">删除</a>
                </td>
            </tr>
            <tr>
                <td>
                    Maggie
                </td>
                <td>
                    电销主管
                </td>
                <td class="hidden-xs">
                    maggie@gmail.com
                </td>
                <td class="hidden-xs">
                    8-15-2013
                </td>
                <td class="hidden-xs">
                    批准
                </td>
                <td>
                    <a class="edit-row" href="#">编辑</a>
                </td>
                <td>
                    <a class="delete-row" href="#">删除</a>
                </td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>
</div>
<!-- end DataTables Example -->

<script>
function initDatatablesEditablePage() {
    
    
}
    
$(document).ready(function() {
	LoadDatatablesEditableScript(initDatatablesEditablePage);
});
</script>